@import '../../common';
.my-box{
    background:#fff;
    padding:0.4rem 0.4rem;
}
.my-box .limit-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.my-box .header{
    width:1.6rem;
    height:1.6rem;
    vertical-align: middle;
}
.my-box .right-Arrow{
   position: relative;
   text-align: right;
}
.my-box span{
    color:#000;
    font-size: 16px;
    margin-left:0.5rem;
}
.my-box .right-Arrow img{
    height:0.5rem;
    margin-top:-0.25rem;
    position:absolute;
    right:0.1rem;
    top:50%;
}
.post-box{
    margin-bottom:0.266666667rem;
    background:#fff;
}
.post-container{
    padding:0.3rem 0 0.1rem 0;
    text-align: center;
    margin-top: 0.266666667rem;
 }
.post-container .box-detail{
    border-right:1px solid #dcdcdc;
    font-size:14px;
    color:#000;
 }
.post-container .box-detail p:nth-child(2){
   line-height:0.8rem;
 }
.post-container .box-detail:nth-child(3){
    border: none;
 }
.reply-box div img{
    height:0.5rem;
    margin-top:-0.25rem;
    position:absolute;
    top:50%;
    right:0.3rem;
}
.reply-box-detail{
    line-height:1.2rem;
    border-bottom:1px solid #e6e6e8;
    position:relative;
}
.reply-box-detail span{
    padding-left:0.5rem;
    font-size:14px;
}

.user-box{
    background:#fff;
    margin-bottom: 0.266666667rem;
}
.header-img-box{
    padding:0.3rem 0.5rem;
    border-bottom: 1px solid #e6e6e8;
}
.header-image{
    text-align: right;
    position: relative;
}
.header-text{
    line-height:1.6rem;
    font-size:14px;
    color: #000;
}
.header-img-box .header-image img:nth-child(1){
     width:1.6rem;
     height:1.6rem;
     margin:0 0.8rem 0 0;
 }
.header-img-box .header-image img:nth-child(2){
    height: 0.5rem;
    position: absolute;
    margin-top: -0.25rem;
    top: 50%;
    right: 0rem;
}
.nickname{
    padding:0.3rem 0.5rem;
    border-bottom: 1px solid #e6e6e8;
    font-size:14px;
}
.sex-box{
  padding:0.05rem 0.5rem;
  border-bottom: 1px solid #e6e6e8;
  font-size:14px;
  line-height: 1rem;
  color:#000;
}
.register-time div:nth-child(1),
.visit-time div:nth-child(1),
.nickname div:nth-child(1){
    color:#000;
}
.nickname div:nth-child(2){
    text-align:right;
}
.nickname div:nth-child(2) span{
    margin-right:0.3rem;
    color:#bcbcbc;
}
.nickname img{
    height:0.5rem;
}
.register-box{
    background:#fff;
}
.register-time,
.visit-time {
    padding:0.3rem 0.5rem;
    border-bottom: 1px solid #e6e6e8;
    font-size:14px;
}
.register-time div:nth-child(2),
.visit-time div:nth-child(2){
    text-align: right;
    color:#bcbcbc;
}
.change-name-alert{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    z-index:99;
}
.change-box-position{
    width:70%;
    margin:0 auto;
    height:6rem;
    background:#fff;
    transform:translate(-3rem,-3rem);
    position:absolute;
    left:50%;
    top:50%;
}
.header-image .multiple{
    position: absolute;
    right:0.8rem;
    top:0;
    width:1.6rem;
    height:1.6rem;
    z-index:9;
    opacity:0;
}
div .kuma-dlg-content{
    width:85%;
    margin:0 auto;
}
div .kuma-dlg-body {
    padding: 16px 24px 10px;
}
div .kuma-dlg-body textarea{
    width:100%;
}
div .kuma-dlg-body input{
    width:100%;
}
.hope-box-image img{
    height:2rem;
}
.hope-box-image {
    text-align: center;
    padding:0.5rem 0;
    margin:0 0.5rem;
    border-bottom:1px solid #e6e6e8;
}
.hope-box{
    background:#fff;
}
.hope-box-introduce{
    padding:0.5rem;
    color:#a5a5a5;
    font-size: 14px;
    line-height:20px;
}
.about-img img{
    width: 100%;
}
.about-img{
    position: relative;
}
.about-img .qrcode{
    position: absolute;
    left:50%;
    top:10%;
    width:4rem;
    border-radius: 10px;
    transform: translateX(-2rem);
}
.feed-back{
    margin:0.3rem;
    box-sizing: border-box;
}
.feed-back textarea{
    width:100%;
    height:4rem;
    font-size: 14px;
    padding: 0.2rem;
    box-sizing: border-box;
    border-radius:5px;
}
.feed-back button{
    width:100%;
    height:0.8rem;
    line-height:0.8rem;
    color: #403d3d;
    margin:0.2rem 0 0 0 ;
    border-radius:5px;
}
.system-message{
    padding:0.3rem 0.3rem;
    background:#fff;
    margin-bottom: 0.22222226rem;
}
.system-message .title{
    font-size: 14px;
    color:#a0aaaf;
    line-height: 0.8rem;
}
.system-message .time{
    color: #9e9e9e;
    font-size: 14px;
    line-height: 0.8rem;
    text-align: right;
 }
.system-message .detail-text{
    line-height:0.6rem;
    color:#bcbcbc;
    font-size: 14px;
}
.green-box{
    width:2.5rem;
    height:2.5rem;
    border-radius:50%;
    background:#15AE67;
    margin:0 auto;
}
.my-bean{
    padding:1rem 0 0 0;
    background: #fff;
    position:relative;
}
.green-box p{
   color:#fff;
    text-align: center;
}
.green-box p:nth-child(1){
    padding:0.6rem 0 0.1rem 0;
    font-size:14px;
}
.green-box p:nth-child(2){
    font-size:16px;
}
.surplus-bean {
    text-align:center;
    color:#bcbcbc;
    padding:0.3rem;
    font-size:14px;
}
.surplus-bean span{
    color:#000;
    font-size:16px;
}
.get-rule{
    position:absolute;
    top:0.2rem;
    right:0.3rem;
    padding:0 0 0 0.5rem;
    color:#bcbcbc;
    font-size: 14px;
    background:url("../../images/getRule.png") no-repeat left center;
    background-size:0.45rem;
}
.bean-record-box{
    background: #fff;
    padding-bottom: 20px;
}
.bean-record{
    padding:0.3rem 0;
    line-height:0.6rem;
    text-align: center;
    color:#bcbcbc;
    margin:0 0.3rem;
    border-bottom: 1px solid #15AE67;
}
.bean-record .green-color{
    color:#15AE67;
}
.bean-record div:nth-child(1){
    border-right:1px solid #e6e6e8;
}
.ways-to-obtain{
    padding:0.3rem 0;
    margin:0 1rem;
    border-bottom: 1px solid #e6e6e8;
}
.ways-to-obtain .method{
    font-size:14px;
}
.ways-to-obtain .method p{
    line-height:22px;
}
.ways-to-obtain .method p:nth-child(1){
    color:#000;
}
.ways-to-obtain .method p:nth-child(2){
    color:#a0aaaf;
}
.ways-to-obtain .score{
    line-height:44px;
    text-align: right;
    color:#000;
}
.get-bean-title{
    font-size:18px;
    color:#555;
    font-weight: 500;
    line-height:1rem;
    padding:0.3rem 0 0 0.5rem;
}
.get-bean-rule p{
    line-height:1rem;
    height:1rem;
    margin:0 1rem 0 1.5rem;
    font-size: 16px;
    color: #888;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
}
.get-bean-rule span{
    float: right;
    font-size: 16px;
    color: #888;
}
.register-box-left img{
    width:1.1rem;
    height:1.1rem;
    border-radius: 50%;
}
.replay-box{
    padding:0.3rem 0;
    background:#fff;
    margin-bottom:0.266666667rem
}
.register-box-left{
    width: 20%;
    float: left;
    text-align: center;
}
.register-box-right{
    margin-left:20%;
}
.replay-name-box .name{
    color:#000;
    font-size: 14px;
}
.replay-name-box .reply{
    color:#bcbcbc;
    padding:0 0.2rem;
    font-size: 14px;
}
.replay-name-box .me{
    color:#bcbcbc;
    font-size: 14px;
    font-weight:500;
}
.reply-text{
    color:#000;
    font-size:14px;
    line-height:30px;
    box-sizing: border-box;
    padding:0 0.5rem 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.my-texts span{
    color:#000;
    font-size: 12px;
    float: left;
    padding:0 0 0 0.3rem;
}
.my-texts p{
    color:#a8a8a8;
    font-size: 12px;
    padding:0 0.5rem 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.my-texts{
    line-height:1.3rem;
    margin:0.2rem 0.5rem 0.2rem 0;
    background:#f9f9f9;
    border-top:1px solid #e6e6e8;
}
.register-box-right .time{
    color:#a0aaaf;
    line-height:0.8rem;
    font-size:14px;
}
.replay-box-color .replay-name-box .name{
    color:#bcbcbc;
}
.replay-box-color .replay-name-box .me{
    color:#000;
}
.delete-replay img{
    width: 1.3rem;
    vertical-align: bottom;
    padding-right:0.5rem;
    box-sizing: border-box;
}
.delete-replay {
    text-align: right;
}
